import React from 'react';
import index from "../../../assets/images/index.png"
import rent from "../../../assets/images/rent.png"
import map from "../../../assets/images/map.png"
import zufan from "../../../assets/images/zufan.png"
import styles from "./HZNav.module.scss"
/* 1. css module 方式写样式 */
const HZNav = () => {
    return (
        <div className={styles.hzNav}>
           <div className={styles.hzNavItem}>
               <img src={index} alt="" />
               <span className={styles.text}>整租</span>
           </div>
           <div className={styles.hzNavItem}>
               <img src={zufan} alt="" />
               <span className={styles.text}>合租</span>
           </div>
           <div className={styles.hzNavItem}>
               <img src={map} alt="" />
               <span className={styles.text}>地图找房</span>
           </div>
           <div className={styles.hzNavItem}>
               <img src={rent} alt="" />
               <span className={styles.text}>去出租</span>
           </div>
        </div>
    );
}

export default HZNav;
